<form id="add-form" class="form-horizontal form-ajax" role="form" data-toggle="validator" method="POST" action="">
    <div id="form_div">
    <div class="form-group">
        <label for="name" class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input type="text" class="form-control" id="name" name="row[name]" value="" data-rule="required;" />
        </div>
    </div>
    <div class="form-group">
        <label for="id_card" class="control-label col-xs-12 col-sm-2">{:__('ID card')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input type="text" class="form-control" id="id_card" name="row[id_card]" value="" data-rule="required;IDcard" />
        </div>
    </div>
    <div class="form-group">
        <label for="phone" class="control-label col-xs-12 col-sm-2">{:__('Phone')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input type="text" class="form-control" id="phone" name="row[phone]" value="" data-rule="required;mobile" />
        </div>
    </div>

    <div class="form-group">
        <label for="province" class="control-label col-xs-12 col-sm-2">{:__('Province')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select id="province" v-model="province_id" class="form-control" data-rule="required;city">
                <option value="">请选择省份</option>
                <option :value="province.id" v-for="province in province_list">{{province.name}}</option>
            </select>
        </div>
    </div>

    <div class="form-group">
        <label for="city" class="control-label col-xs-12 col-sm-2">{:__('City')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select id="city"  v-model="city_id" class="form-control" data-rule="required;city">
                <option value="">请选择城市</option>
                <option :value="city.id" v-for="city in city_list">{{city.name}}</option>
            </select>
        </div>
    </div>

    <div class="form-group">
        <label for="county" class="control-label col-xs-12 col-sm-2">{:__('County')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select id="county" v-model="county_id" class="form-control" data-rule="required;county">
                <option value="">请选择县/区</option>
                <option :value="county.id" v-for="county in county_list">{{county.name}}</option>
            </select>
        </div>
    </div>

    <div class="form-group">
        <label for="county" class="control-label col-xs-12 col-sm-2">{:__('Village')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select id="village_id" v-model="village_id" name="row[house][village_id]" class="form-control" data-rule="required;county">
                <option value="">请选择小区</option>
                <option :value="village.id" v-for="village in village_list">{{village.name}}</option>
            </select>
        </div>
    </div>
    <div class="form-group">
        <label for="building_number" class="control-label col-xs-12 col-sm-2">{:__('Building number')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input type="text" class="form-control" v-model="building_number" id="building_number" name="row[house][building_number]"  data-rule="required;integer;range[1~]" />
        </div>
    </div>
    <div class="form-group">
        <label for="floor_number" class="control-label col-xs-12 col-sm-2">{:__('Floor number')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input type="text" class="form-control" id="floor_number" v-model="floor_number" name="row[house][floor_number]" value="" data-rule="required;integer;range[1~]" />
        </div>
    </div>
    <div class="form-group">
        <label for="room_number" class="control-label col-xs-12 col-sm-2">{:__('Room number')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input type="text" class="form-control" id="room_number" v-model="room_number" name="row[house][room_number]" value="" data-rule="required;integer;range[1~]" />
        </div>
    </div>
    <div class="form-group">
        <label for="detail" class="control-label col-xs-12 col-sm-2">{:__('Detail')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input type="text" class="form-control" id="detail" v-model="detail" name="row[house][detail]" value="" data-rule="required;" />
        </div>
    </div>
    <div class="form-group">
        <label for="water_charge" class="control-label col-xs-12 col-sm-2">{:__('Water charge')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input type="text" class="form-control" id="water_charge" v-model="water_charge" name="row[house][water_charge]" value="" data-rule="required;number;range[0~]" />
        </div>
    </div>
    <div class="form-group">
        <label for="property_charge" class="control-label col-xs-12 col-sm-2">{:__('Property charge')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input type="text" class="form-control" id="property_charge" v-model="property_charge" name="row[house][property_charge]" value="" data-rule="required;number;range[0~]" />
        </div>
    </div>
    </div>
    <div class="form-group hidden layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>